<template>
	<view class="" style="padding: 0 20rpx 20rpx ;">
		<view style="margin-top: 30rpx;" @click="youxuan(item)" v-for="(item,index) in info">
			<view class="body">
				<view class="body_left" style="width: 240rpx;">
					<image 
					style="width:100%; height:160rpx;border-radius: 8rpx; "
					:src="item.logo_image" mode="" />
				</view>
				<view class="body_right">
			<view class="body_right_text huanhan">{{item.guide}}</view>
					<view class="body_right_text1 huanhan">{{item.name}}</view>
					<view class="body_right_text2 huanhan">{{item.synopsis}}</view> 
					<!-- <view class="body_right_text huanhan">想意力？</view>
					<view class="body_right_text1 huanhan">精品幼教课程个</view>
					<view class="body_right_text2 huanhan">幼儿教育最考研教室的就是课堂想吸引孩子的注意力？试试这个</view> -->
				</view>
			</view>
			<view class="xian" v-if="index!=2"></view>
		</view>
		
		<view class="" style="margin-top: 40rpx;">
			<!-- 线下课 -->
			<xxk />
		<!-- 	<view class="xianxia">
				<view class="xianxia_1" v-for="(item,index) in 1">
					<image style="width:100% ;height:240.07rpx ;" src="https://s4.ax1x.com/2022/01/23/74otMR.png" />
					<view class="xianxia_2">
						<view class="xianxia_2_1 mybox">
							<text class="xianxia_2_1t">教育的未来前瞻【洛阳站】</text>
							<text class="xianxia_2_t"><text>124</text>人已报名</text>
						</view>
						<view class="xianxia_2_2">
							幼儿教育是考研教师如果课堂纪律不好，孩子们就会相互影
							响，且认为老师是不负责任。
						</view>
						<view class="xianxia_2_3 mybox">
							<text>课程时间：2021年10月10日</text>
							<image style="width:160rpx ;height: 58rpx;" :src="require('@/static/img/bm.png')" />
						</view>
					</view>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		props:['info'],
		methods:{
			youxuan(a){
				uni.navigateTo({
					url: `/pages/specialcolumn/xiangqing?cur_id=${a.cur_id}`
				});
			},
		}
		
	}
</script>

<style lang="scss">
	.xianxia {
		min-height: 1000rpx;
		margin-top: 40rpx;
	
		.xianxia_1 {
			margin-bottom: 30rpx;
			background-color: #FFFFFF;
		}
	
		.xianxia_2 {
			padding: 0rpx 15rpx 15rpx 15rpx;
	
			.xianxia_2_3 {
				margin-bottom: 20rpx;
	
				text {
					font-size: 28rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #131314;
				}
			}
	
			.xianxia_2_2 {
				margin: 15rpx 0rpx 15rpx 0rpx;
				font-size: 24rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				line-height: 40rpx;
				color: #131314;
				letter-spacing: 2rpx;
				opacity: 1;
			}
	
			.xianxia_2_1 {
				align-items: flex-end;
	
				.xianxia_2_t {
					font-size: 24rpx;
					font-family: Source Han Sans CN;
					font-weight: 400 !important;
					color: #131314;
					opacity: 1;
	
					text {
						color: #FF2424;
					}
				}
	
				.xianxia_2_1t {
					margin-top: 10rpx;
					font-size: 32rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
					opacity: 1;
				}
			}
		}
	}
	
	
	
	.huanhan {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.xian {
		margin-top: 30rpx;
		height: 1rpx;
		background-color: #E3E3E3;
	}

	.body_rightimg {
		padding: 10rpx;
		display: flex;
		align-items: center;
		width: 430rpx;
		height: 152rpx;
		background-image: url(https://s4.ax1x.com/2022/01/14/73xrbF.png);
		background-size: 100%;
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		line-height: 42rpx;
		color: #91969A;
		opacity: 1;
	}

	.body_right {
		width: 60%;

		.body_right_text1 {
			font-size: 32rpx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #131314;
			line-height: 60rpx;
			margin-bottom: 20rpx;
			opacity: 1;
		}

		.body_right_text2 {
			font-size: 28rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #91969A;
		}

		.body_right_text {
			// width: 332rpx;
			padding-top: 5rpx;
			text-align: center;
			height: 40rpx;
			background-color: rgb(249, 239, 229);
			font-size: 22rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #131314;
			opacity: 1;
		}

		position: relative;
		left: -15rpx;

		.body_right1 {
			font-size: 32rpx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #131314;
			opacity: 1;
		}
	}

	.body {
		display: flex;
		justify-content: space-between;
	}

	.body_left_2 {
		display: flex;
		// justify-content: space-between;
		margin-top: 20rpx;

		text {
			font-size: 24rpx;
			font-family: HarmonyOS Sans;
			font-weight: 400;
			opacity: 1;
		}

		.body_left_20 {
			font-size: 24rpx;
			margin-left: 30rpx;
			font-family: HarmonyOS Sans;
			font-weight: 400;
			color: #FF2424;
			opacity: 1;
		}
	}

	.utabs {
		// border-bottom: 1px solid #E3E3E3;
	}

	::v-deep .u-tab-bar {
		background-color: #FFD500 !important;
		// width: 40px !important ;
	}

	.all {
		padding: 20rpx;
	}
</style>
